$(function () {
    // 显示
    function show() {
        $.ajax({
            type: 'get',
            url: '/zlg_mange',
            data: '',
            success: function (data) {
                if (data.length != 0) {
                    let avatarHtml = template('zlg_mange_template', { list: data });
                    $('.wrapper_bottom').html(avatarHtml);
                    for (let i = 0; i < data.length; i++) {
                        let myChart = echarts.init($('.wrapper_bottom #chartNeedsSource0')[i]);
                        // 指定图表的配置项和数据
                        let option = {
                            title: {
                                text: '近7天进行的任务趋势',
                                textStyle: {//标题内容的样式
                                    color: '#666666',//京东红
                                    fontWeight: "normal",
                                    fontSize: 14//主题文字字体大小，默认为18px
                                }
                            },
                            tooltip: {
                                trigger: 'axis',
                                axisPointer: {
                                    type: 'cross',
                                    label: {
                                        backgroundColor: '#6a7985'
                                    }
                                }
                            },
                            // legend: {
                            //     data:['邮件营销','联盟广告','视频广告','直接访问','搜索引擎']
                            // },
                            grid: {
                                left: '3%',
                                right: '4%',
                                bottom: '3%',
                                containLabel: true
                            },
                            toolbox: {
                                feature: {
                                    saveAsImage: {}
                                }
                            },
                            xAxis: {
                                type: 'category',
                                boundaryGap: false,
                                data: ['05-09', '05-10', '05-11', '05-12', '05-13', '05-14', '05-15']
                            },
                            yAxis: {
                                type: 'value'
                            },
                            series: [
                                {
                                    name: '进行中的任务',
                                    type: 'line',
                                    stack: '总量',
                                    label: {
                                        normal: {
                                            show: true,
                                            position: 'top',
                                            color: '#37a2da'
                                        }
                                    },
                                    itemStyle: {
                                        normal: {
                                            color: '#37a2da',
                                            lineStyle: {
                                                color: '#37a2da'
                                            }
                                        }
                                    },
                                    data: [0, 0, 0, 0, 0, 0, 0]
                                }
                            ]
                        };
                        // 使用刚指定的配置项和数据显示图表。
                        myChart.setOption(option);
                    }
                }
            }
        })
    }
    show()
})